<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">



    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>.::AsPerA::. Asignación de Permisos de Aprendices</title>
                <link rel="shortcut icon" href="favicon.ico"/>
            </f:facet>
        </h:head>

        <h:body>
            <div>
                <h:graphicImage url="/aspera/images/aspera.jpg" width="100%" height="100%" alt="LogoAspera"  style="vertical-align: top;"/> 
            </div>

            <p:panel>
                <p:panelGrid> 
                    <p:row>
                        <p:column style="vertical-align: top;"> 
                            <h:form>
                                <p:menu>
                                    <p:submenu label="Menú">                                
                                        <p:menuitem value="Inicio" url="/faces/aspera/indexInstructor.xhtml" />
                                        <p:menuitem value="Aprobar Permisos" url="/faces/aspera/ApruebaPermisos.xhtml" />
                                        <p:menuitem value="Actualizar Datos" url="/faces/aspera/gestionInstructor.xhtml" />
                                        <p:menuitem value="Cambio Contraseña" url="/faces/aspera/CambiaPasswordInst.xhtml" />
                                        <p:menuitem value="Cerrar Sesión" actionListener="#{usuariosVista.cerrarSesion_action}" />
                                    </p:submenu>                    
                                </p:menu>
                            </h:form>
                        </p:column>
                        <p:column>                

                            <h:form id="formulario"> 
                                <p:panel id="panel" header="Permisos">
                                    <p:messages id="mensajes" showDetail="true" />
                                    <f:facet name="actions">
                                        <p:commandLink onclick="PF('helpDialog').show();" styleClass="ui-panel-titlebar-icon ui-corner-all ui-state-default"><h:outputText styleClass="ui-icon ui-icon-help" /></p:commandLink>
                                    </f:facet>
                                    <p:panelGrid id="pnlPermiso" columns="2" style="width: 45%;">                                      

                                        <h:outputText value="Código:"/>
                                        <p:inputText id="txtCodigo" binding="#{apruebaPermisoVista.txtCodigo}" readonly="true" size="25"/>

                                        <h:outputText value="Documento:"/>
                                        <p:inputText id="txtDocumento" binding="#{apruebaPermisoVista.txtDocumento}" readonly="true" size="25"/>

                                        <h:outputText value="Nombre:"/>
                                        <p:inputText id="txtNombre" binding="#{apruebaPermisoVista.txtNombre}" readonly="true" size="25"/>

                                    </p:panelGrid>

                                    <p:panelGrid id="pnlBotones" columns="4" style="width: 45%;">
                                        <f:facet name="footer"> 
                                            <div align="center">
                                                <p:commandButton id="btnModificar" value="Aprobar" binding="#{apruebaPermisoVista.btnModificar}" disabled="true" action="#{apruebaPermisoVista.aprobar_permisos_instructor}" update="panel"/>
                                                <p:commandButton id="btnLimpiar" value="Limpiar" binding="#{apruebaPermisoVista.btnLimpiar}" action="#{apruebaPermisoVista.limpiar_action}"  update="panel"/>
                                            </div>
                                        </f:facet>
                                    </p:panelGrid>

                                    <br />
                                    <h:outputText value="Si Desea Buscar un Permiso, Digite el Dato en el Filtro Respectivo. Para Aprobar un Permiso Selecciónelo de la Tabla" />
                                    <br /><br />

                                    <p:dataTable id="listaPermisos" var="permisos" value="#{apruebaPermisoVista.listaPermisosIns}" 
                                                 selectionMode="single" selection="#{apruebaPermisoVista.selectedPermiso}" filteredValue="#{apruebaPermisoVista.listaPermisosIns}" 
                                                 rowKey="#{permisos.codigo}" paginator="true" rows="10" 
                                                 emptyMessage="No existe el Permiso!" >

                                        <p:ajax event="rowSelect" listener="#{apruebaPermisoVista.onRowSelect}"   
                                                update=":formulario:pnlPermiso"  />

                                        <f:facet name="header">  
                                            Permisos Fecha: #{apruebaPermisoVista.fechaSistema}
                                        </f:facet> 

                                        <p:column sortBy="#{permisos.codigo}">
                                            <f:facet name="header">
                                                <h:outputText  value="Código" />                            
                                            </f:facet>
                                            <h:outputText  value="#{permisos.codigo}" />                          
                                        </p:column>

                                        <p:column sortBy="#{permisos.documentoAprendiz.fichaTitulacion.ficha}" filterBy="#{permisos.documentoAprendiz.fichaTitulacion.ficha}">
                                            <f:facet name="header">
                                                <h:outputText  value="Ficha" />                            
                                            </f:facet>
                                            <h:outputText  value="#{permisos.documentoAprendiz.fichaTitulacion.ficha}" />                          
                                        </p:column>

                                        <p:column sortBy="#{permisos.documentoAprendiz.documento.documento}" filterBy="#{permisos.documentoAprendiz.documento.documento}">
                                            <f:facet name="header">
                                                <h:outputText  value="Documento" />                            
                                            </f:facet>
                                            <h:outputText  value="#{permisos.documentoAprendiz.documento.documento}" />                          
                                        </p:column>

                                        <p:column sortBy="#{permisos.documentoAprendiz.documento.nombre}" filterBy="#{permisos.documentoAprendiz.documento.nombre}">
                                            <f:facet name="header">
                                                <h:outputText  value="Nombre" />                            
                                            </f:facet>
                                            <h:outputText  value="#{permisos.documentoAprendiz.documento.nombre} #{permisos.documentoAprendiz.documento.apellido}" />                          
                                        </p:column>                                

                                        <p:column>
                                            <f:facet name="header">
                                                <h:outputText  value="Motivo" />                            
                                            </f:facet>
                                            <h:outputText  value="#{permisos.motivo}" />                          
                                        </p:column>

                                        <p:column>
                                            <f:facet name="header">
                                                <h:outputText  value="Hora Inicio" />                            
                                            </f:facet>
                                            <h:outputText  value="#{permisos.horaDesde}" />                          
                                        </p:column>

                                        <p:column>
                                            <f:facet name="header" >
                                                <h:outputText  value="Hora Fin" />                            
                                            </f:facet>
                                            <h:outputText  value="#{permisos.horaHasta}" />                          
                                        </p:column>  

                                        <p:column filterBy="#{permisos.estado}" filterMatchMode="contains">
                                            <f:facet name="header" >
                                                <h:outputText  value="Estado" />                            
                                            </f:facet>
                                            <h:outputText  value="#{permisos.estado}" />                          
                                        </p:column>                               

                                    </p:dataTable>
                                </p:panel>                        
                                <!-- dialogo de ayuda -->
                                <p:dialog id="modalDialog" header="Ayuda" widgetVar="helpDialog" showEffect="fade" hideEffect="bounce" modal="true" dynamic="true">  
                                    <p align="justify">                       
                                        En esta página usted podrá:<br/><br/>
                                        <b>-Aprobar Permisos:</b> ésta opción solo está disponible para usuarios de tipo Instructor. 
                                        Para aprobar un permiso se debe seleccionar un permiso de la tabla de resultados y luego seleccionar el botón Modificar. 
                                        Tenga en cuenta que solo se mostrarán los permisos del dia y de las fichas asignadas a usted por el coordinador. 
                                        <br/><br/>
                                        <b>-Consultar y Filtrar Permisos:</b> en la tabla de resultados se pueden visualizar los permisos existentes del dia. 
                                        Si desea filtrar los resultados basta con digitar en la columna Ficha un número especifico, de igual forma se puede utilizar 
                                        el filtro por Documento, Nombre y Estado.  
                                        <br/><br/> 
                                        <u>Nota:</u> Un permiso pendiente es aquel que ha sido solicitado por un aprendiz y se encuentra pendiente de aprobación. Un 
                                        permiso aprobado es el que cuenta con la aprobación del instructor a cargo y del coordinador.
                                    </p>
                                </p:dialog>
                            </h:form>                   
                        </p:column>
                    </p:row>
                </p:panelGrid>
            </p:panel> 
            <div>
                <h:graphicImage url="/aspera/images/asperaPie.jpg" width="100%" height="100%" alt="LogoAspera"  style="vertical-align: bottom;"/>
            </div>
        </h:body>

    </f:view>
</html>

